<!DOCTYPE html>
<html>
<head>
	<title>警告框</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<!-- 当使用.close按钮时，它必须是.alert-dismissible的第一个子元素，并且在它之前不能有任何文本内容 -->
	<!-- 要关闭按钮必须要添加data-dismiss="alert" -->
	<div class="container">
		<div class="alert alert-info fade in" id="myalert">
			<button type="button" class="close" data-dismiss="alert">&times;</button>
			<strong>hhhhasdfg</strong>
			阿斯顿飞过话不多说
		</div>
		<div class="alert alert-info fade in" id="myalert1">
			<button type="button" class="close" data-dismiss="alert">&times;</button>
			<strong>hhhhasdfg</strong>
			阿斯顿飞过话不多说
			<button type="button" class="btn btn-primary">详情</button>
		</div>

	</div>

<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$('#myalert').alert('close');
	// 此时只能看到第2个，因为第1个已经被关闭掉了

	$('#myalert1').on('close.bs.alert',function(e){
		console.log('出发啦啊啊啊！！');
	})
</script>
</body>
</html>